<!--
  Generated template for the AddFriendPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>addFriend</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
   
   
    <div>
        <ion-item>
            <ion-label stacked></ion-label>
            <ion-input type="text" [ngModel]="searchName" #nick></ion-input>
          </ion-item>
          <a ion-button (click)="search(nick.value)">search</a>
    </div>
   
    <ion-list>
      <ion-item>新的朋友</ion-item>
     
      <ion-item *ngFor="let item of lists" (click)="itemSelected(item)">
        <span >{{ item.username }}</span>
        <a ion-button (click)="add(item)">add</a>
      </ion-item>
    </ion-list>
</ion-content>
